Line 28-29 is just a setup for another irrelevant collectionView. "collectionView0" is for "collectionViewEffects" "indexPath.row = 0", and "collectionView1" is for "collectionViewEffects" "indexPath.row = 1"class EffectsViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
effectsView.addSubview(collectionViewEffects)
setupEffectsCollectionView()
collectionViewEffects.isUserInteractionEnabled = true
}
override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
if segue.identifier == "EffectsPhotoSegue" {
if let previousViewController = segue.destination as? PhotoViewController {
DispatchQueue.main.async {
previousViewController.photoImageView.image = self.effectsImageView!.image
previousViewController.filteredImage = self.effectsImage
previousViewController.pickedImage = self.pickedEffectsImage
previousViewController.effectsSegmentedControl()
(previousViewController.menuStackView).isHidden = true
resetConfirmCollectionView.isHidden = true
effectsMenuCollectionView.isHidden = false
}
}
}
}
func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
if collectionView == collectionViewEffects {
if indexPath.row == 0 {
let name = Notification.Name(rawValue: collectionView0)
NotificationCenter.default.post(name: name, object: effectsMenuCollectionView)
effectsImageView!.image = pickedEffectsImage
self.performSegue(withIdentifier: "EffectsPhotoSegue", sender: self)
}
if indexPath.row == 1 {
let name = Notification.Name(rawValue: collectionView1)
NotificationCenter.default.post(name: name, object: effectsMenuCollectionView)
effectsImageView!.image = pickedEffectsImage
let imageViewHeight: CGFloat = effectsImageView!.image!.size.height
let imageViewWidth: CGFloat = effectsImageView!.image!.size.width
effectsImage = effects.cropToBounds(image: effectsImageView!.image!, width: Double(imageViewWidth), height: Double(imageViewHeight))
self.performSegue(withIdentifier: "EffectsPhotoSegue", sender: self)
}
}
}
I have taken the Notification approach. "collectionViewEffects" triggering the "effectsMenuCollectionView". I'm having trouble with reaching (line 53) "effectsMenuImage". I'm not sure if I'm on the right track. Could you please give me any comments on that ?import Foundation
import UIKit
import Photos
let collectionView0 = "collectionView0"
let collectionView1 = "collectionView1"
class PhotoViewController: UIViewController, UIScrollViewDelegate {
let menuCollectionView0 = Notification.Name(rawValue: collectionView0)
let menuCollectionView1 = Notification.Name(rawValue: collectionView1)
deinit {
NotificationCenter.default.removeObserver(self)
}
override func viewDidLoad() {
super.viewDidLoad()
photoImageView.isUserInteractionEnabled = true
imagePicker.delegate = self
view.addSubview(collectionViewPreview)
setupCollectionView()
collectionViewPreview.isHidden = true
view.addSubview(resetConfirmCollectionView)
setup
ResetConfirmCollectionView()
view.addSubview(effectsMenuCollectionView)
setupEffectsMenuCollectionView()
createObservers()
}
func createObservers() {
NotificationCenter.default.addObserver(self, selector: #selector(updateCollectionView0(notification:)), name: menuCollectionView0, object: effectsMenuCollectionView)
}
@objc func updateCollectionView0(notification: NSNotification) {
if notification.name == menuCollectionView0 {
let cellCount = effectsMenuCollectionView.visibleCells.count
let item = cellCount - 1
let cellIndexPath = IndexPath(item: item, section: 0)
effectsMenuCollectionView.insertItems(at: [cellIndexPath])
let cell = effectsMenuCollectionView.cellForItem(at: cellIndexPath)
let config = UIImage.SymbolConfiguration(pointSize: 30, weight: .semibold)
guard cell == UIImage(systemName: "pencil", withConfiguration: config) else {
print("SystemImage not available")
}
EffectsMenuCell.effectsMenuImage = cell
}
}
fileprivate func setupEffectsMenuCollectionView() {
effectsMenuCollectionView.backgroundColor = .lightGray
effectsMenuCollectionView.leadingAnchor.constraint(equalTo: photoView!.leadingAnchor).isActive = true
effectsMenuCollectionView.trailingAnchor.constraint(equalTo: photoView!.trailingAnchor).isActive = true
effectsMenuCollectionView.bottomAnchor.constraint(equalTo: photoView!.bottomAnchor).isActive = true
effectsMenuCollectionView.heightAnchor.constraint(equalToConstant: 50).isActive = true
effectsMenuCollectionView.clipsToBounds = true
effectsMenuCollectionView.dataSource = self
effectsMenuCollectionView.delegate = self
effectsMenuCollectionView.isHidden = true
}
let effectsMenuCollectionView: UICollectionView = {
let spacing: CGFloat = 100
let effectsMenuLayout = UICollectionViewFlowLayout()
let effectsMenuCv = UICollectionView(frame: .zero, collectionViewLayout: effectsMenuLayout)
effectsMenuCv.translatesAutoresizingMaskIntoConstraints = false
effectsMenuLayout.sectionInset = UIEdgeInsets(top: spacing/5, left: spacing/2, bottom: spacing/5, right: spacing/2)
effectsMenuLayout.minimumInteritemSpacing = spacing
effectsMenuCv.register(EffectsMenuCell.self, forCellWithReuseIdentifier: "EffectsMenuCellID")
return effectsMenuCv
}()
class EffectsMenuCell: UICollectionViewCell {
let effectsMenuImageView: UIImageView = {
let iv = UIImageView()
iv.tintColor = .darkGray
iv.translatesAutoresizingMaskIntoConstraints = false
iv.contentMode = .top
iv.clipsToBounds = true
return iv
}()
var effectsMenuImage: UIImage? {
get {
effectsMenuImageView.image
}
set {
effectsMenuImageView.image = newValue
}
}
override init(frame: CGRect) {
super.init(frame: frame)
contentView.addSubview(effectsMenuImageView)
effectsMenuImageView.topAnchor.constraint(equalTo: contentView.topAnchor, constant: -10).isActive = true
effectsMenuImageView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor).isActive = true
effectsMenuImageView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor).isActive = true
effectsMenuImageView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor).isActive = true
}
required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
}
}
import Foundation
import UIKit
import Photos
class EffectsViewController: UIViewController {
func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
if collectionView == collectionViewEffects {
if indexPath.row == 0 {
let name = Notification.Name(rawValue: collectionView0)
NotificationCenter.default.post(name: name, object: effectsMenuCollectionView)
effectsImageView!.image = pickedEffectsImage
self.performSegue(withIdentifier: "EffectsPhotoSegue", sender: self)
}
}
}
Hi Claude, the collectionViews are in different viewControllers. The 1st viewControllers' collectionView is triggered by the next (2nd) viewController. I guess your 2nd advice is the most feasible one. I will get back to you with my results.
Your guidance solved the problem, thank you very much Claude, have a nice day.
Post not yet marked as solved
Hi Claude, thank you for your response. I actually don't even want to have a tracking thumb. What I'm trying to achieve is I want the slider to move in accordance with a finger swipe movement. Let's say when the finger moves from right to left in anywhere within the view, I would like the slider's value(the blue color filling the range) to move towards the negative end. And for vice versa, the slider's value should be moving towards the positive range. To achieve this I think I need to be able to assign the "effectsSlider" outlet on the "addPanGesture" method. When I do that the whole slider is moving instead of what I'm trying to achieve. I think I need an extra variable for that.
I tried with 1 setting for the cell and the app crashed 🙂 Thank you so much for your guidance, it works perfectly now.
Thank you for your comprehensive guidance. I've followed your steps, also cancelled out the constraints of the "effectsImageView" as they aren't relevant anymore. I'm not sure if "return UICollectionViewCell()" was also relevant in line 22. The values for "cellImage.size" I'm getting are (57.0, 44.6). I'm roughly aiming at (15.0, 15.0). I guess the reason you suggested me to use 2 different settings for the cell is to have a different size for the backgroundColor.
Hello OOPer, thank you for your response. I have the constraints of the UIImageView defined but I think I also need to define the size within the "override init" block. Here is the code you have requested;class CustomEffectsCell: UICollectionViewCell {
fileprivate let effectsImg: UIImageView = {
let iv = UIImageView()
iv.translatesAutoresizingMaskIntoConstraints = false
iv.contentMode = .scaleAspectFit
iv.clipsToBounds = true
return iv
}()
var effectsImage: UIImage? {
get {
effectsImg.image
}
set {
effectsImg.image = newValue
}
}
fileprivate let effectsLbl: UILabel = {
let il = UILabel(frame: CGRect(x: 0, y: 0, width: 100, height: 20))
il.translatesAutoresizingMaskIntoConstraints = false
il.contentMode = .scaleAspectFit
il.clipsToBounds = true
return il
}()
var effectsLabel: String? {
get {
effectsLbl.text
}
set {
effectsLbl.text = newValue
}
}
override init(frame: CGRect) {
super.init(frame: frame)
contentView.addSubview(effectsImg)
contentView.addSubview(effectsLbl)
effectsImg.topAnchor.constraint(equalTo: contentView.topAnchor).isActive = true
effectsImg.leadingAnchor.constraint(equalTo: contentView.leadingAnchor).isActive = true
effectsImg.trailingAnchor.constraint(equalTo: contentView.trailingAnchor).isActive = true
effectsImg.bottomAnchor.constraint(equalTo: contentView.bottomAnchor).isActive = true
effectsLbl.bottomAnchor.constraint(equalTo: contentView.bottomAnchor).isActive = true
}
required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
}
It was conceptually helpful but considering almost all the code being deprecated and the errors I'm getting, is there a more feasible way to adjust the "cellImage" size within the indexPath.row block ? Regarding the code I have shared, I think I'm pretty close to the solution.
Hello Claude, thank you for your revert. I have created the collectionView programmatically, I'm not sure if I can define a xib for the cell in this case.
Post not yet marked as solved
For future reference, the solution I came up with is;@objcfunc touchTapped(_ sender: UITapGestureRecognizer) {
sender.cancelsTouchesInView = false
if collectionView.isTracking == false {
if menuStackView.isHidden == false {
collectionView.isHidden = true
menuStackView.isHidden = true
} else {
menuStackView.isHidden = false
collectionView.isHidden = false
}
}
}
Post not yet marked as solved
With "touchTapped()" and "assignTap()" methods being enabled, tap on the collectionView don't register as I added print("A") for indexPath.row == 0 at didSelectedItemAt.
Post not yet marked as solved
When I tap outside the collectionView and the menuStackView, I want them to be hidden and then appear again. If I keep these methods, then the changes on the "photoImageView.image" don't take place with taps on the collectionView images. I tried adding "collectionView.reloadData()" at line 15 but nothing changes.
Post not yet marked as solved
Now, it works with a charm. Thank you so much for your guidance. The only problem I'm having is if I keep the "assignTap()" and "touchTapped()" methods. The effect doesn't work on the "photoImageView.image". I tried this but it still doesn't work;@objc func touchTapped(_ sender: UITapGestureRecognizer) { if collectionView.isTracking == false { if menuStackView.isHidden == false { collectionView.isHidden = true menuStackView.isHidden = true } else { menuStackView.isHidden = false collectionView.isHidden = false } } else { collectionView.reloadData() } }
Post not yet marked as solved
I think I'm going though a retain cycle on; (but "weak" or "unowned" references don't solve the situation.)var rawImage: UIImage? { get { photoImageView.image } set { photoImageView.image = newValue } }
